<template>
  <div class="shengjilist">
    <el-table :data="shengjilist">
      <el-table-column label="院系" prop="Department"></el-table-column>
      <el-table-column label="专业" prop="major"></el-table-column>
      <el-table-column
        label="班级"
        prop="class"
        width="150px"
      ></el-table-column>
      <el-table-column
        label="宿舍号"
        prop="Dormitorynumber"
        width="150px"
      ></el-table-column>
      <el-table-column
        class="aini"
        label="操作"
        prop="operation"
        width="150px"
      ></el-table-column>
    </el-table>
  </div>
</template>

<script>
export default {
  data() {
    return {
      shengjilist: [
        {
          Department: "传媒学院",
          major: "播音主持艺术",
          class: "2001班",
          Dormitorynumber: "101",
          operation: "查看详情",
        },
        {
          Department: "计算机信息工程学院",
          major: "数据科学与大数据技术专业",
          class: "2003班",
          Dormitorynumber: "304",
          operation: "查看详情",
        },
        {
          Department: "传媒学院",
          major: "播音主持艺术",
          class: "2001班",
          Dormitorynumber: "101",
          operation: "查看详情",
        },
        {
          Department: "计算机信息工程学院",
          major: "数据科学与大数据技术专业",
          class: "2003班",
          Dormitorynumber: "304",
          operation: "查看详情",
        },
      ],
    };
  },
};
</script>

<style lang="less" scoped>
.shengjilist {
  padding-left: 23px;
}
</style>

